; (function () {
    "use strict"
    let dropdown = document.querySelectorAll(".dropdown-cate-item");
    console.log(dropdown);
    let right = document.querySelectorAll(".right-pop");
    console.log(right);
    let drop = document.querySelector("#dropdown")
    for (let i = 0; i < dropdown.length; i++) {
        dropdown[i].index = i;
        dropdown[i].onmouseenter = function () {
            for (let j = 0; j < dropdown.length; j++) {
                right[j].style.display = "none";
            }
            right[this.index].style.display = "block"
        }
    }
    drop.onmouseleave = function () {
        for (let i = 0; i < right.length; i++) {
            right[i].style.display = "none"
        }
    }
})();